<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浪牡导航-登录</title>
    <link th:href="@{/css/layui.css}" rel="stylesheet"/>
    <link th:href="@{/fonts/icomoon/icomoon.css}" rel="stylesheet"/>
</head>
<style> .auto{width: 100%;height: 100%;} .code{padding: 0;min-height: 36px;height: 38px;}</style>
<body>
<div class="layui-carousel auto" id="div-carousel" style=" position: fixed; z-index: 0;">
    <div carousel-item>
        <div><img th:src="@{/img/background-1.jpg}" class="auto"></div>
        <div><img th:src="@{/img/background-2.jpg}" class="auto"></div>
        <div><img th:src="@{/img/background-3.jpg}" class="auto"></div>
    </div>
</div>
<div class="layui-container" style="padding-top: 13%;">
    <div class="layui-row">
        <div class="layui-col-md4 layui-col-md-offset4">
            <div class="layui-form" id="LoginForm">
                <div class="layui-form-item" style="color: #FFF; font-size: 24px;text-align: center;">
                    <span>浪牡导航-登录</span>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left: 0px;">
                        <input name="username" id="username" class="layui-input" valid="required" placeholder="请输入用户名">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left: 0px;">
                        <input name="password" id="password" class="layui-input" valid="required" placeholder="请输入密码" type="password">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="checkbox" id="rememberMe" name="rememberMe" title="记住我">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left: 0;">
                        <button class="layui-btn layui-btn-danger" id="loginButton" style="width: 100%">
                            登录
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="display: flex; justify-content: center; width: 100%; position: absolute; bottom: 5px">
    <a href="https://beian.miit.gov.cn" style="color: #fff">湘ICP备2021019567号-1</a>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/layui.js}"></script>
<script th:src="@{/js/login.js}"></script>
</body>
</html>